﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="sWarranty.WEB.Home" %>

<%@ Register Src="../UC/Header.ascx" TagName="Header" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../CSS/table.css" />
    <link rel="stylesheet" type="text/css" href="../CSS/Menu.css" />
    <script src="../JS/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="../JS/Menu.js" type="text/javascript"></script>
    <script src="../js/galleria/galleria-1.2.5.min.js" type='text/javascript'></script>
    <script>
        function openPopUp(popUrl, type) {
            var name = 'popUp';
            var appearence = 'dependent=no,menubar=no,resizable=yes,' +
                  'status=yes,toolbar=no,titlebar=no,' +
                  'width=' + window.screen.availWidth * 80 / 100 + ', height=' + window.screen.availHeight * 80 / 100 + ',resizable:yes,center:yes';
            var openWindow = '';
            if (type == 'open')
                openWindow = window.open(popUrl, name, appearence);
            if (type == 'popup')
                openWindow = window.showModalDialog(popUrl, name, appearence);
            openWindow.focus();
        }
    </script>
     <script type='text/javascript'>

         // Load the twelve theme
         Galleria.loadTheme('../js/galleria/themes/twelve/galleria.twelve.min.js');

         $(document).ready(function () {
             $("#galleria").galleria({
                 maxScaleRatio: 2,
                 fullscreenCrop: false,
                 autoplay: 10000,
                 thumbnails:false,
                 showInfo:false,idleTime:10,showImagenav:false,
                 trueFullscreen: false,
                 extend: function (options) {
                     var gallery = this; // "this" is the gallery instance
                     this.addIdleState(this.get('bar'), { bottom: -31 });
                 }
             });
         });

                        </script>
    <style>
        .cred
        {
            margin-top: 20px;
            font-size: 11px;
        }
        
        /* This rule is read by Galleria to define the gallery height: */
        #galleria
        {
            height: 420px;
        }
        body .galleria-stage{bottom:0}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ksdjfl" runat="server">
    </asp:ScriptManager>
    <uc1:Header ID="Header1" runat="server" />
    <div class="Mid">
        <div class="Mid1">
            <div id="DataContent">
                <%-- <div>
                    Nội dung bên trái
                </div>--%>
                <div>
                    <div class="TitleCont">
                        Welcome to Smart-Warranty &amp; Sales Out System
                    </div>
                    <!-- DataGrid Start -->
                    <div class="content">
                        <asp:Literal ID="lit1" runat="server"></asp:Literal>
                       
                    </div>
                    <!-- DataGrid End -->
                </div>
            </div>
            <div class="Clear_both">
            </div>
        </div>
    </div>
    </form>
</body>
</html>
